<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/shouye.css" />
		<link rel="stylesheet" type="text/css" href="css/gonghui.css"/>
	</head>

	<body>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
			
			window.onload = function(){
				
document.getElementById('home').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'shouye.html', 
id:'huodong'
});
});

document.getElementById('huodong').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'huodong.html', 
id:'huodong'
});
});

document.getElementById('gonghui').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'gonghui.html', 
id:'gonghui'
});
});

document.getElementById('my').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'my.html', 
id:'my'
});
});	
			}
			
		</script>
		
		<header class="mui-bar mui-bar-nav">
			
			<a class="nav-top-left"> <img src="icon/icon_0.jpg"  class="back"  width="12px" height="20px"/>
			<span id="" >
				返回
			</span>
			</a>
			<p id="title" class="mui-title title2">极战FMB</p>
			
		</header>
		
		<div id="" class="mui-content">
			<div id="slider" class="mui-slider">
  			<div class="mui-slider-group mui-slider-loop">
    <!--支持循环，需要重复图片节点-->
			    <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="images/slider_1.jpg" /></a></div>
			    <div class="mui-slider-item"><a href="#"><img src="images/slider_1.jpg" /></a></div>
			    <div class="mui-slider-item"><a href="#"><img src="images/slider_1.jpg" /></a></div>
			    <div class="mui-slider-item"><a href="#"><img src="images/slider_1.jpg" /></a></div>
			    
    <!--支持循环，需要重复图片节点-->
    			<div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="images/slider_1.jpg" /></a></div>
  			</div>
  			<div class="mui-slider-indicator">
  				<div class="mui-indicator mui-active">	
  				</div>
  				<div id="" class="mui-indicator">					
  				</div>
  				<div id="" class="mui-indicator">					
  				</div>						
  			</div>
			</div>		
		</div>
		<!--轮播-->
		<!--人气公会-->
		<div id="" class="renqi">
			<p class="renqititle">人气公会</p>
			<a href="" class="ghname namefirst">
				<div class="ghimg">
					
				
				<img src="images/gonghui_pic_1.jpg" width="70px" width="70px"/>
				</div>
				<p class="name">公会名字</p></a>
			<a href="" class="ghname">
				
				<div class="ghimg">
				<img src="images/gonghui_pic_1.jpg" width="70px" width="70px"/>
			
					
				</div>
				<p class="name">公会名字</p></a>
			
			<a href="" class="ghname">
				<div class="ghimg">
				<img src="images/gonghui_pic_1.jpg" width="70px" width="70px"/>
				</div>
				<p class="name">公会名字</p></a>
			
			<a href="" class="ghname">
				<div class="ghimg">
				<img src="images/gonghui_pic_1.jpg" width="70px" width="70px"/>
				</div>
				<p class="name">公会名字</p></a>
		</div>
		<!--人气公会-->
		
		<!--公会列表-->
		<div class="gh_list">
			<p class="gh_list_name">公会列表</p>
				<div id="" class="ghcard">
					<a href="">
						<div class="ghimg">
						<img src="images/gonghui_list_pic1.jpg" width="80px" height="80px"/>
						</div>
					</a>
					<p class="cardtxt1">公会名字</p>
					<p class="cardtxt2">人气值：133</p>
					<button type="button" class="join">加入</button>
				</div>
				
				<div id="" class="ghcard">
					<a href=""><div class="ghimg">
						<img src="images/gonghui_list_pic1.jpg" width="80px" height="80px"/>
						</div>
					</a>
					<p class="cardtxt1">公会名字</p>
					<p class="cardtxt2">人气值：133</p>
					<button type="button" class="join">加入</button>
				</div>
				
				<div id="" class="ghcard">
					<a href=""><div class="ghimg">
						<img src="images/gonghui_list_pic1.jpg" width="80px" height="80px"/>
						</div>
					</a>
					<p class="cardtxt1">公会名字</p>
					<p class="cardtxt2">人气值：133</p>
					<button type="button" class="join">加入</button>
				</div>
				
				<div id="" class="ghcard">
					<a href=""><div class="ghimg">
						<img src="images/gonghui_list_pic1.jpg" width="80px" height="80px"/>
						</div>
					</a>
					<p class="cardtxt1">公会名字</p>
					<p class="cardtxt2">人气值：133</p>
					<button type="button" class="join">加入</button>
				</div>
				
				<div id="" class="ghcard">
					<a href=""><div class="ghimg">
						<img src="images/gonghui_list_pic1.jpg" width="80px" height="80px"/>
						</div>
					</a>
					<p class="cardtxt1">公会名字</p>
					<p class="cardtxt2">人气值：133</p>
					<button type="button" class="join">加入</button>
				</div>
				
				<div id="" class="ghcard">
					<a href=""><div class="ghimg">
						<img src="images/gonghui_list_pic1.jpg" width="80px" height="80px"/>
						</div>
					</a>
					<p class="cardtxt1">公会名字</p>
					<p class="cardtxt2">人气值：133</p>
					<button type="button" class="join">加入</button>
				</div>
		</div>
		
		<!--公会列表-->
		<!--公会热帖-->
		<div id="ghhot">
			<p class="gh_hot">公会热帖</p>
			<div class="hot_txt">
				<p class="fuli">福利福利福利福利福利福利福利福福利福利福</p>
				<div id="" class="fuli_time">
					2017.05.22
				</div>
			</div>
			
			<div class="hot_txt">
				<p class="fuli">福利福利福利福利福利福利福利福福利福利福</p>
				<div id="" class="fuli_time">
					2017.05.22
				</div>
			</div>
			
		</div>
		<!--公会热帖-->
		
		<!--底部-->
		<div class="footer">
			<nav class="mui-bar mui-bar-tab">
				<a id="home" class="mui-tab-item mui-active" href="tab-webview-subpage-about.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_1.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">极战</span>
				</a>
				<a id="huodong" class="mui-tab-item" href="tab-webview-subpage-chat.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_2.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">活动</span>
				</a>
				<a id="gonghui" class="mui-tab-item" href="tab-webview-subpage-contact.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_3.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">公会</span>
				</a>
				<a class="mui-tab-item" href="tab-webview-subpage-setting.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_4.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">商城</span>
				</a>
				<a id="my" class="mui-tab-item" href="tab-webview-subpage-setting.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_5.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">我的</span>
				</a>
			</nav>	
		</div>	
		
	</body>

</html>